﻿@model DataAccessLib.Users.User
@{
    ViewBag.Title = "用户注册";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section scripts
{
    <script src="~/Scripts/jquery.validate.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#registerForm").validate({
                rules: {
                    UserName: "required",
                    Password: "required",
                    Email: {
                        required: true,
                        email: true
                    }
                },
                messages: {
                    Email: {
                        required: "请输入电子邮件地址",
                        email: "请输入正确的电子邮件地址"
                    },
                    UserName: "请输入用户名",
                    Password: "请输入密码"
                },
                errorPlacement: function (error, element) {
                    error.appendTo(element.next("span"));
                    //element.css("border", "solid 1px red");
                },
                success: function(error) {
                    //$("#registerForm").find('.valid').css("border", "solid 1px green");
                },
                submitHandler: function () {
                    $("#loadingImg").css("display", "inline-block");
                    AjaxCallHelper(document.getElementById("registerForm"), OnAjaxCallSuccess, OnAjaxCompleted);
                }
            });

        });

        function OnAjaxCallSuccess(result) {
            if (result) {
                var msg = jQuery.parseJSON(result);
                if (msg.HasError)
                    alert(msg.ErrorMessage);
            }
            else
            {
                window.location.href = "/Login";
            }
        }

        function OnAjaxCompleted() {
            $("#loadingImg").css("display", "none");
        }
    </script>
}


<div class="smallpageheader">
    <div class="wrapper">
        <ul class="ulSpecification">
            <li><h1>建立您的账户</h1></li>
            <li><p>注册为我们的用户，您会得到更优质，更有价值的服务。注册为我们的用户，您会得到更优质，更有价值的服务。注册为我们的用户，您会得到更优质，更有价值的服务。</p></li>
        </ul>
    </div>
</div>
<div class="pagewrapper">
    <div class="wrapper">
        <div id="divRegisterForm">
            @using (Html.BeginForm("Register", "Home", FormMethod.Post, new { id = "registerForm" }))
            {
                <h3>请填写表单：</h3>
                <h4>请使用正确的电子邮件地址，它将是您登陆网站的凭证。将来我们也会向您的邮箱中发送对您有用的消息。</h4>
                <ul class="ulSubmitContentForm">
                    <li>
                        @Html.LabelFor(m => m.UserName, "用户名：")<span style="color:red;">*</span>
                        @Html.TextBoxFor(m => m.UserName)
                        <span class="ErrMsg"></span>
                    </li>
                    <li>
                        @Html.LabelFor(m => m.Email, "电子邮件：")<span style="color:red;">*</span>
                        @Html.TextBoxFor(m => m.Email)
                        <span class="ErrMsg"></span>
                    </li>
                    <li>
                        @Html.LabelFor(m => m.Password, "密码：")<span style="color:red;">*</span>
                        @Html.TextBoxFor(m => m.Password)
                        <span class="ErrMsg"></span>
                    </li>
                    <li>
                        @Html.LabelFor(m => m.CellPhone,"电话：")
                        @Html.TextBoxFor(m => m.CellPhone)
                    </li>
                </ul>
                <div class="loginBtnHolder" style="margin:0px;padding:0px; margin-top:15px; cursor:pointer;">
                    <input type="submit" value="注册" class="blueButton" />
                    <img style="margin-left:5px;display:none;" src="~/Content/Images/StyleImages/ajax-loader.gif" id="loadingImg" />
                </div>
                
            }
        </div>
        <div class="specificationBox">
            <h3>我们能给您带来什么？</h3>
            <ul>
                <li><p>注册为我们的用户，您会得到更优质，更有价值的服务。注册为我们的用户，您会得到更优质，更有价值的服务。注册为我们的用户，您会得到更优质，更有价值的服务。</p></li>
                <li><p>注册为我们的用户，您会得到更优质，更有价值的服务。注册为我们的用户，您会得到更优质，更有价值的服务。注册为我们的用户，您会得到更优质，更有价值的服务。</p></li>
                <li><p>注册为我们的用户，您会得到更优质，更有价值的服务。注册为我们的用户，您会得到更优质，更有价值的服务。注册为我们的用户，您会得到更优质，更有价值的服务。</p></li>
                <li><p>注册为我们的用户，您会得到更优质，更有价值的服务。注册为我们的用户，您会得到更优质，更有价值的服务。注册为我们的用户，您会得到更优质，更有价值的服务。</p></li>
            </ul>
        </div>
        <div class="clearFloat"></div>
    </div>
</div>
